<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/repetition.css">
    <link rel="stylesheet" href="css/css1.css">
    <link rel="stylesheet" href="iconfont1/iconfont.css">
</head>
<body>
    <div class="top">
        <div class="container">
            <div class="logo">
                <img src="img/a1.png" alt="">
                <span class="font-color">悦读 FM</span>
            </div>
            <ul class="menu">
                <li class="font-color">悦读</li>
                <li class="font-color">情感</li>
                <li class="font-color">连播</li>
                <li class="font-color">校园</li>
                <li class="font-color">音乐</li>
                <li class="font-color">Labs</li>
            </ul>     
            <div class="mine">
                <input type="text" class="mine-input">
                <img src="img/a2.png" alt="">
                <span>
                    <img src="img/a18.png" alt="">
                </span>
                <div class="mine-d1 font-color">登录</div>
                <div class="mine-d2 font-color">注册</div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container clearfix">
            <div class="content-left">
                <div class="item">
                    <div class="item-base">
                        <p>什么样的男生才是可以放心去爱的？</p>
                        <em>
                            <i class="iconfont icon-pen"></i>
                            <span>陈大力</span>
                        </em>
                        <em>
                            <i class="iconfont icon-Shapecopy"></i>
                            <span>丢丢</span>
                        </em>
                        <em>
                            <i class="iconfont icon-shijian"></i>
                            <span>9:12</span>
                        </em>
                        <span>
                            <span class="isp1">播放</span>
                            <span class="isp2">540</span>
                            <span class="isp3">次</span>
                        </span>
                        <img src="img/a3.png" alt="">
                        <div class="jp-pause">
                            <img src="img/a19.png" alt="">
                            <div></div>
                            <span>00:00</span>
                        </div>
                    </div>
                </div>
                <div class="item-intro">
                    <div>
                        <div class="itemh">
                            <p class="intro-p1">之前跟朋友喝下午茶，朋友问我，你有认认真真地想过吗，要找个什么样的人陪你过一生？</p>
                            <p>我说：让我可以依赖的吧。</p>
                            <p>朋友问，什么叫依赖呢？</p>
                            <p>我想了想，说，我脾气很差，完美主义，工作压力又大，那种能在我的崩溃时刻继续陪我，不会走开，不会责怪我歇斯底里的人……其实已经很难找了。</p>
                            <p>我这几年飞速成长，最大的体会是，我越来越不想麻烦别人了。我的崩溃时刻不可以见人，甚至那些不那么明丽的，不那么成果斐然的时刻，也不可以见人。我在大三的时候，曾经为了找个没有人看得到的地方痛哭，憋着眼泪……走了整整二十分钟。</p>
                            <p>我知道情绪太沉重了，所以不想让身边的朋友跟我一起背着，我没资格让他们这么做。即使他们主动做了，也会让我觉得我欠了他们点儿什么。</p>
                            <p>有句话是，现代人的通病是害怕跟人产生羁绊。</p>
                            <p>是这样的。</p>
                            <p>我也不想孤独，我也渴望跟人产生亲密的联结，密得掰都掰不开那种，但，我很长时间里不敢相信……会有那么一个人出现，无怨无悔地陪我共度余生，尤其是在他逐渐发现，我的人生并没有那么好过后。</p>
                            <p>我说：让我可以依赖的吧。</p>
                            <p>朋友问，什么叫依赖呢？</p>
                            <p>我想了想，说，我脾气很差，完美主义，工作压力又大，那种能在我的崩溃时刻继续陪我，不会走开，不会责怪我歇斯底里的人……其实已经很难找了。</p>
                            <p>我这几年飞速成长，最大的体会是，我越来越不想麻烦别人了。我的崩溃时刻不可以见人，甚至那些不那么明丽的，不那么成果斐然的时刻，也不可以见人。我在大三的时候，曾经为了找个没有人看得到的地方痛哭，憋着眼泪……走了整整二十分钟。</p>
                            <p>我知道情绪太沉重了，所以不想让身边的朋友跟我一起背着，我没资格让他们这么做。即使他们主动做了，也会让我觉得我欠了他们点儿什么。</p>
                            <p>有句话是，现代人的通病是害怕跟人产生羁绊。</p>
                            <p>是这样的。</p>
                            <p>我也不想孤独，我也渴望跟人产生亲密的联结，密得掰都掰不开那种，但，我很长时间里不敢相信……会有那么一个人出现，无怨无悔地陪我共度余生，尤其是在他逐渐发现，我的人生并没有那么好过后。</p>
                            <p>我说：让我可以依赖的吧。</p>
                            <p>朋友问，什么叫依赖呢？</p>
                            <p>我想了想，说，我脾气很差，完美主义，工作压力又大，那种能在我的崩溃时刻继续陪我，不会走开，不会责怪我歇斯底里的人……其实已经很难找了。</p>
                            <p>我这几年飞速成长，最大的体会是，我越来越不想麻烦别人了。我的崩溃时刻不可以见人，甚至那些不那么明丽的，不那么成果斐然的时刻，也不可以见人。我在大三的时候，曾经为了找个没有人看得到的地方痛哭，憋着眼泪……走了整整二十分钟。</p>
                            <p>我知道情绪太沉重了，所以不想让身边的朋友跟我一起背着，我没资格让他们这么做。即使他们主动做了，也会让我觉得我欠了他们点儿什么。</p>
                            <p>有句话是，现代人的通病是害怕跟人产生羁绊。</p>
                            <p>是这样的。</p>
                            <p>我也不想孤独，我也渴望跟人产生亲密的联结，密得掰都掰不开那种，但，我很长时间里不敢相信……会有那么一个人出现，无怨无悔地陪我共度余生，尤其是在他逐渐发现，我的人生并没有那么好过后。</p>
                        </div>
                        <div class="item-intro-mor mor1">收起∧</div>
                        <div class="item-intro-mor mor2">展开全文∨</div>
                    </div>
                </div>
                <div class="item-f">
                    <div class="clearfix">
                        <div class="item-tag">
                            <strong>标签：</strong>
                            <a href="#" class="font-color">情感</a>
                            <a href="#" class="font-color">陈大力</a>
                            <a href="#" class="font-color">丢丢</a>
                        </div>
                        <div class="item-share">
                            <span class="is1"></span>
                            <span class="is2"></span>
                            <span class="is3"></span>
                            <span class="is4"></span>
                        </div>
                    </div>
                </div>
                <div class="f1 font-color"><a href="">&lt上一篇</a></div>
                <div class="comments clearfix">
                    <input type="text"  placeholder="     说点什么吧!">
                    <button>评论</button>
                </div>
                <div class="comment">最新评论(1)</div>
                <div class="comments-dom">
                    <div class="clearfix">
                       <div class="comments-avatar">
                           <img src="img/a13.png" alt="">
                       </div> 
                       <div class="comments-meta">
                           <p class="cm1">
                               <span class="cm1-1 font-color">灵动之心</span>
                               <span class="cm1-2">2018/09/02 09:06</span>
                           </p>
                           <p class="cm2">
                                情感流露 你的感情世界又是如何
                           </p>
                       </div>
                    </div>
                </div>
            </div>
            <div class="content-right">
                <div class="s-user">
                    <div class="clearfix">
                        <img src="img/a4.png" alt="">
                        <div class="user-n">
                            <p>
                                <span class="user-name font-color">丢丢</span>
                                <i class="iconfont icon-Shapecopy"></i>
                            </p>
                            <div>
                                <p class="user-pro font-color">作品：7</p>
                                <p class="user-pro font-color">粉丝：88</p>
                            </div>
                        </div>
                        <div class="att">关注</div>
                        <div class="user-w">
                            <img src="img/d1.png" alt="">
                        </div>
                        <div class="praise clearfix">
                            <div class="pr">
                                <div class="pr0" id="pr8">
                                    <img src="img/a6.png" alt="" class="pr1 ">
                                    <img src="img/a20.png" alt="" class="pr2 ">
                                </div>
                                <div class="pr-n">3</div>
                                <div class="pr0" id="pr9">
                                    <img src="img/a7.png" alt="" class="pr3 ">
                                    <img src="img/a21.png" alt="" class="pr4 ">
                                </div>
                                <div class="pr-n">2</div>
                                <div class="pr0" id="pr10">
                                    <img src="img/a8.png" alt="" class="pr5 ">
                                    <img src="img/a22.png" alt="" class="pr6 ">
                                    <img src="img/a25.png" alt="" class="pr7 ">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="related">
                    <div>
                        <div class="fr clearfix">
                            <div></div>
                            <span class="fr2">其他相关节目</span>
                            <span class="fr3">&lt</span>
                            <span class="fr4">&gt</span>
                        </div>
                        <div class="related-list">
                            <ol class="clearfix">
                                <li class="rl1">
                                    <img src="img/a9.png" alt="">
                                    <span class="font-color">在什么地方活着</span>
                                </li>
                                <li class="rl2">
                                    <img src="img/a10.png" alt="">
                                    <span class="font-color">尘埃落定</span>
                                </li>
                                <li class="rl3">
                                    <img src="img/a11.png" alt="">
                                    <span class="font-color">你的钱夹里有谁？</span>
                                </li>
                                <li class="rl4">
                                    <img src="img/a12.png" alt="">
                                    <span class="font-color">你知道么，我差一点...</span>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="channel">
                    <div>
                        <div class="ch clearfix">
                            <div></div>
                            <span class="ch2">悦读FM频道其他节目</span>
                            <span class="ch3 font-color">查看全部&gt</span>
                        </div>
                        <ol class="channel-list">
                            <li>
                                <p class="cl1 font-color">我想你，但不会找你</p>
                                <p class="cl2">
                                    <span class="cl3">文：张小娴</span>
                                    <span class="cl4">主播：潇涵</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">有些情感，注定与爱情无关</p>
                                <p class="cl2">
                                    <span class="cl3">文：淡蓝风儿</span>
                                    <span class="cl4">主播：二月鸟</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">花开半朵</p>
                                <p class="cl2">
                                    <span class="cl3">文：子悦</span>
                                    <span class="cl4">主播：莫浅</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li>
                                <p class="cl1 font-color">纸巾上的爱情</p>
                                <p class="cl2">
                                    <span class="cl3">文：叶倾城</span>
                                    <span class="cl4">主播：宁二</span>
                                    <div class="cl5">
                                        <img src="img/d2.png" alt="">
                                    </div>
                                </p>
                            </li>
                            <li class="cl6">
                                <p class="cl1 font-color">以友情的名义爱着一个人</p>
                                <p class="cl2">
                                    <span class="cl3">文：佚名</span>
                                    <span class="cl4">主播：潇涵</span>
                                </p>
                            </li>
                        </ol>
                    </div>
                </div>
                <div class="side">
                    <img src="img/a14.png" alt="">
                </div>
            </div>
        </div>
        <div class="bottom container clearfix">
            <div class="bottom-left">
                <div class="bot1">
                    <span class="font-color">关于我们</span>
                    <div></div>
                    <span class="font-color">加入我们</span>
                </div>
                <div class="bot2">
                    © 2010-2016 Yuedu.fm All rights reserved   粤ICP备14076392号
                </div>
            </div>
            <div class="bottom-right">
                <div>
                    <span class="br1">
                        <img src="img/a15.png" alt="" class="im1">
                        <img src="img/b12.png" alt="" class="im2 im3">
                    </span>
                    <span class="br1">
                        <img src="img/a16.png" alt="" class="im1">
                        <img src="img/b13.png" alt="" class="im2 im4">
                    </span>
                    <span class="br1">
                        <img src="img/b15.png" alt="" class="im1">
                        <img src="img/b16.png" alt="" class="im2 im5">
                    </span>
                </div>
            </div>
        </div>
    </div>
    <script src="js/js1.js"></script>
</body>
</html>